<template>
  <el-scrollbar class="side">
    <div style="margin: 3px 0px 3px 10px;" v-for="title in titles" :key="title">
      <el-link :href="'#'+title">{{title}}</el-link>
    </div>
  </el-scrollbar>
</template>

<script>
export default {
  name: "sideNav",
  props:{
    titles:Array
  }
}
</script>

<style scoped>
.side{
  position: fixed;
  right: 170px;
  top: 200px;
  width: 150px;
  border-left: 1px solid rgb(220, 223, 230);
  height: auto;
  max-height: 300px;
}
</style>